window.addEventListener('load', function () {
    // 去注册
    let goRegister = document.querySelector('.goRegister')
    // 去登录
    let goLogin = document.querySelector('.goLogin')

    // 登录页面
    let login = document.querySelector('.login')
    // 注册页面
    let register = document.querySelector('.register')
    // 注册账号
    let registerName = document.querySelector('.register [ name="username" ]')
    // 注册密码
    let registerPassword = document.querySelector('.register [ name="password" ]')
    // 登录账号
    let loginName = document.querySelector('.login [ name="username" ]')
    // 登录密码
    let loginPassword = document.querySelector('.login [ name="password" ]')

    // ------------------------------------------------------------------
    // 去注册
    goRegister.addEventListener('click', function () {
        register.style.display = 'block'
        login.style.display = 'none'


    })

    // 去登录
    goLogin.addEventListener('click', function () {
        register.style.display = 'none'
        login.style.display = 'block'
    })



    // 添加插件提示
    // 比如，验证一个用户名和密码
    function test() {
        return {
            fields: {
                username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                    validators: { // 添加真正的校验规则
                        notEmpty: {   //不能为空
                            message: '用户名不能为空.'// 如果不满足校验规则，则给出这句提示
                        },
                        stringLength: {   //检测长度
                            min: 2, // 最少2位
                            max: 15, // 最多15位
                            message: '用户名需要2~15个字符'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {   //检测长度
                            min: 6,
                            max: 15,
                            message: '密码需要6~15个字符'
                        }
                    }
                }
            }
        }
    }


    // 语法：
    // $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}

    // 注册面板
    $('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
        e.preventDefault();
        // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可


        // 注册请求
        axios({
            url: '/api/register',
            method: 'post',
            data: {
                username: registerName.value,
                password: registerPassword.value
            }
        }).then(({ data }) => {
            //console.log(data);
            if (data.code === 0) {
                toastr.success(data.message)
                register.style.display = 'none'
                login.style.display = 'block'

            } else if (data.code == 1) {
                toastr.warning(data.message)

            }
        })


    });


    // 登录面板

    $('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
        e.preventDefault();
        // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
        axios({
            url: "/api/login",
            method: 'post',
            data: {
                username: loginName.value,
                password: loginPassword.value

            }
        }).then(({ data }) => {
            if (data.code == 0) {
                console.log(data);
                // 将后台返回的token储存起来
                localStorage.setItem('mytoken83', data.token)
                location.href = './index.html'
            } else if (data.code == 1) {
                toastr.warning(data.message)

            }
        })
    });






    // 将token储存

})